<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			body{
				background-color: rgb(238 238 238);
			}
			ul{
				width: 600px;
				/*height: 400px;*/
				list-style: none;
				padding: 20px;
				margin: 50px auto;
				border: 1px solid rgb(214 214 214);
								
			}
			
			li{
				border-bottom:1px dotted rgb(214 214 214);
			}
			
			li:first-child{
				border-bottom-style:solid ;
				font-size: 1.5rem;
				font-weight: bold;
				/*text-indent: 0;*/
			}
			li:not(:first-child){
				text-indent:1.5rem;
			}
			li:not(:first-child):hover{
				text-decoration: underline;
				cursor: pointer;
								
			}
		</style>
	</head>
	<body>
		<ul>
			<li>最新文章/New Articles</li>
			<li>北京招聘网页设计,平面设计,php</li>
			<li>体验javascript的魅力</li>
			<li>jquery世界来临</li>
			<li>网页设计师的梦想</li>
			<li>jquery中的链式编程是什么</li>
		</ul>
		
	</body>
</html>
